import React from 'react';
class DcCom extends React.Component<any, any>{
    constructor(props: any) {
        super(props);
        this.state = {
            dcData: [
                {
                    text: "西部数据 中心宝鸡电信 襄阳电信"
                },
                {
                    text: "西安联通 宝鸡联通"
                },
                {
                    text: "浙江移动 江西移动"
                },
                {
                    text: "宝鸡双线 亦庄双线"
                },
                {
                    text: "香港数据中心"
                },
                {
                    text: "谷歌数据中心 亚马逊数据中心"
                },
            ],
        }
    }
    render() {
        return (
            <div className="dc-content">
                <div className="common-width">
                    <ul>
                        {this.state.dcData.map((item: any, i: number) => {
                            return (
                                <li key={i} className="fl">
                                    <div className={`img-box d${i + 1}`}></div>
                                    <div>{item.text}</div>
                                </li>
                            )
                        })}
                    </ul>
                    <br className="clear" />
                </div>
            </div>
        )
    }
}
export default DcCom;